<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jquery.min.js"></script>
</head>
<body>
   <a href="http://www.baidu.com" title="zz">zzz</a>
   <input type="checkbox" name="" id="" checked>
   <div index="1" data-index="2">我是div</div>
   <span>span</span>
   <script>
       $(function () {
           /*1.获取固有属性值 prop()
           *
           * 2.获取自定义 attr()
           *
           * 3.数据缓存 data()*/
           console.log($("a").prop("href"));
           //console.log($("a").prop("tittle","zzz"));
           /*$("input").change(function () {
               console.log($(this).prop("checked"))
           });*/
           //console.log("div").prop("index");
           console.log($("div").attr("index"));

           $("span").data("uname","andy");//这个span里面可以存放元素在它的内存中
           console.log($("span").data("uname"));
           //data() 方法获取data-定义的自定义标签，就不用写data-而且返回的是数字型
           console.log($("div").data("index"));
       })
   </script>
</body>
</html>